<%--
  Created by IntelliJ IDEA.
  User: guan
  Date: 13-1-25
  Time: 下午3:26
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" %>
<!doctype html>
<html>
<head>
    <meta name="layout" content="OJMain">
    <title><g:message code="ljoj.onlinejudge.profile.personalData.title" args="[userInstance.username]" /></title>
    <r:require modules="profile, upload, imgAreaSelect" />
    <r:script>
        $(document).ready(function(){
            var profileModel = new ProfileModel({id: ${userInstance.id}, urls: {
                    userInfo: "<g:createLink action="info" />",
                    userSetting: "<g:createLink action="setting" />",
                    userAvatar: "<g:createLink action="avatar" />"
                }});
            var profileView = new ProfileView({el: $('#userProfileContainer'), model: profileModel});
        });
    </r:script>
</head>
<body>

<!-- Profile Nav --------------------------------------------------------------------->
<div id="userProfileContainer" class="row-fluid homeHeader">

    <div class="span2 offset1 bs-docs-sidebar">
        <ul class="nav nav-list bs-docs-sidenav affix">
            <li class="active"><a href="#overview"><i class="icon-user"></i><g:message code="ljoj.onlinejudge.profile.label" default="personal data" /></a></li>
            <li class="userInfoNav userNav" data-nav="infoNav"><a href="#"><i class=" icon-chevron-right"></i> <g:message code="ljoj.onlinejudge.profile.personalData.label" default="information" /></a></li>
            <li class="userAvatarNav userNav" data-nav="avatarNav"><a href="#"><i class=" icon-chevron-right"></i> <g:message code="ljoj.onlinejudge.profile.avatar.label" default="avatar" /></a></li>
            <li class="userSettingNav userNav" data-nav="settingNav"><a href="#"><i class=" icon-chevron-right"></i> <g:message code="ljoj.onlinejudge.profile.setting.label" default="setting" /></a></li>
        </ul>
    </div>

    <g:render template="info" />

</div>
</body>
</html>